﻿<!DOCTYPE html>


<html>


<head>
	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

	<link rel="shortcut icon" type="image/png" href="assets/logo/logo.png"/>
	<link rel="stylesheet" href="docs/styles.css">

</head>


<body style="max-width: 60em;">
	<img class="logo" src="assets/logo/logo.png">
	<h1>3D Assets</h1>


	<h3>Welcome. Pick an asset!</h3>
	<br>
	<br>

	<div class="gallery">

		<a class="style-block" href="./online/bookshelf.html">
			<div class="title">Bookshelf</div>
			<img src="./docs/images/bookshelf.png">
		</a>

		<a class="style-block" href="./online/chair.html">
			<div class="title">Chair</div>
			<img src="./docs/images/chair.png">
		</a>

		<a class="style-block" href="./online/doorframe.html">
			<div class="title">Doorframe</div>
			<img src="./docs/images/doorframe.png">
		</a>

		<a class="style-block" href="./online/drawer.html">
			<div class="title">Drawer</div>
			<img src="./docs/images/drawer.png">
		</a>

		<a class="style-block" href="./online/drink-can.html">
			<div class="title">Drink can</div>
			<img src="./docs/images/drink-can.png">
		</a>

		<a class="style-block" href="./online/monitor.html">
			<div class="title">Monitor</div>
			<img src="./docs/images/monitor.png">
		</a>

		<a class="style-block" href="./online/mug.html">
			<div class="title">Mug</div>
			<img src="./docs/images/mug.png">
		</a>

		<a class="style-block" href="./online/round-box.html">
			<div class="title">Round Box</div>
			<img src="./docs/images/round-box.png">
		</a>

		<a class="style-block" href="./online/stool.html">
			<div class="title">Stool</div>
			<img src="./docs/images/stool.png">
		</a>

		<a class="style-block" href="./online/table.html">
			<div class="title">Table</div>
			<img src="./docs/images/table.png">
		</a>

		<a class="style-block" href="./online/photo-frame.html">
			<div class="title">Photo Frame</div>
			<img src="./docs/images/photo-frame.png">
		</a>

		<a class="style-block" href="./online/plate.html">
			<div class="title">Plate</div>
			<img src="./docs/images/plate.png">
		</a>

		<a class="style-block" href="./online/wardrobe.html">
			<div class="title">Wardrobe</div>
			<img src="./docs/images/wardrobe.png">
		</a>

		<a class="style-block" href="./online/wine-bottle.html">
			<div class="title">Wine bottle</div>
			<img src="./docs/images/wine-bottle.png">
		</a>

		<a class="style-block" href="./online/wine-glass.html">
			<div class="title">Wine glass</div>
			<img src="./docs/images/wine-glass.png">
		</a>

		<a class="style-block" href="./online/speaker.html">
			<div class="title">Speaker</div>
			<img src="./docs/images/speaker.png">
		</a>
	</div>

	<p style="max-width: 36em; margin: 1em auto;">
		Тhis project provides online and offline
		generators of free 3D assets. The source code of the
		generators is avaiable on <a href="https://github.com/boytchev/assets">GitHub</a>
		and <a href="https://www.npmjs.com/package/3d-assets">NPM</a>.
		This is a work in progress. Stay tuned.
	</p>
	
	<div class="footnote">
		<a href="docs/cookies.html">Cookies</a> &middot; 
		<a href="docs/licence.html">Licence</a> 
	</div>

	<script>
		function sortDivs(s) {
		    Array.prototype.slice.call(document.body.querySelectorAll(s)).sort(function sort (ea, eb) {
		        var a = ea.textContent.trim();
		        var b = eb.textContent.trim();
		        if (a < b) return -1;
		        if (a > b) return 1;
		        return 0;
		    }).forEach(function(div) {
		        div.parentElement.appendChild(div);
		    });
		}
		sortDivs('.style-block');
	</script>

</body>
</html>
